<!-- PAGE CONTENT BEGINS -->
<!--����css-->
<link rel="stylesheet" href="css/caseBarSchedule.css">
<!--日程-->
<!--<h1 class="newCaseBigTitle font-size-20">创建日程 <span ng-click="closeModal()"> X</span></h1>-->
<!--左-->
<div class="row L_ScheduleLeft" style="margin-left: 0px;margin-right: 0px;background: #FFFFFF;display: block;">
  <!--style="margin-left:80px;margin-top:20px;"-->
  <div class="col-sm-12" style="margin-top: 10px;position: relative">
    <!--<div class="space"></div>-->
    <!-- #section:plugins/data-time.calendar -->

    <div id="calendar" class="mycalendar" style="float: left"></div>
    <div id="d-close-cal" style="width:26px;height:24px;position: absolute;top:10px;right:30px;display:none;"><img src="img/d_close.svg" alt="" style="width:100%;height:100%;"></div>
    <!-- /section:plugins/data-time.calendar -->
  </div>

  <!-- 新建模块 -->
  <div class="modal fade" id="calendar-new" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
       aria-hidden="true">
    <div class="modal-dialog">
      <div class="d-modal-content modal-content">
        <div class="d-modal-header modal-header">
          <h4 class="d-modal-title modal-title" id="myModalLabel">
            新建日程
          </h4>
          <span type="button" class="close" data-dismiss="modal" aria-hidden="true" >
            <!--&times;-->
            <img src="img/d_close.svg" alt="" class="img-responsive">
          </span>
        </div>
        <div class="d-modal-body modal-body" style="z-index: 10">
          <div style="overflow: hidden;zoom: 1;">
            <p class="d-title-p">标题</p><input type="text" class="form-control"  ng-attr-autofocus="true" style="float:left;" id="input_text1"  placeholder="请输入日程名称..." aria-describedby="basic-addon1" maxlength="10">
            <div id="textcontent" style="float:right;">
              <img src="../../img/errorHint.png" alt="" id="textcontent2">
              <span style="color: red">内容不能为空</span>
            </div>
            <!--<div style="float: right;margin-top: 5px;margin-right: 10px">
              <span id="my-count">0</span><span> /70</span>
            </div>-->
          </div>
          <div class="d-time-calendar">
            <form class="form-inline" style="position: relative;">
              <span class="d-title-p">开始日期</span>
              <input maxlength="20" id="calendar-details-new" type="text"  style="width:144px;height:36px;margin:0;background:#fff;"  readonly class="form_datetime form-control calendar-date-style" ng-model="dateYMD" value="formatDate"/>
              <select id="calendarTime" readonly class="form_datetime form-control calendar-date-style" ng-model="timeHm" ng-options="hour.key as hour.value for hour in TimeHourXl" style=" width:144px;height:36px; margin:0 0 0 10px;background:#fff;border: 1px solid #d9d9d9">
                <option value="" class="" selected="selected">9:30</option>
              </select>
              <img src="img/d_small_narrow.svg" class="d-triangle d-triangle-left"> <img src="img/d_small_narrow.svg" class="d-triangle d-triangle-right">
            </form>
          </div>
          <div class="calendar-details-time d-time-calendar" style="margin:15px 0 0 0;">
            <form class="form-inline">
              <span class="d-title-p">提醒</span>
              <select class="scheduleSelect" type="text"  id="remindTime" ng-model="remindTime" name="caseOrigin" ng-options="x.id as x.name for x in remindList"  ng-init="remindTime=1">
                <option value="" selected hidden></option>
                <!--<option value="" class="" selected="selected">-&#45;&#45;请选择-&#45;&#45;</option>-->
              </select>
            </form>
          </div>
          <div class="d-time-calendar" style="margin:10px 0 0 0;">
            <span class="d-title-p">颜色</span>
            <p id="dCalendarColorLump"style="float:left;height:38px;padding:5px 0;box-sizing: border-box; overflow: hidden;">
              <span id="task-red" class="d-calendar-colorlump" style="background:#D0021B"><img src="" alt=""></span>
              <span id="task-purple" class="d-calendar-colorlump" style="background:#F5A623"><img src="" alt=""></span>
              <span id="task-blue" class="d-calendar-colorlump" style="background:#7ED321"><img src="" alt=""></span>
              <span id="task-green" class="d-calendar-colorlump" style="background:#4A90E2"><img src="" alt=""></span>
            </p>
            <div style="clear: both"></div>
          </div>
          <!--<div style="margin-top: 20px;height: 40px">-->
          <!--<span class="pull-left" style="margin-top: 10px">参与人</span>-->

          <!--<div class="pull-left" style="display: block; position: absolute;margin-left: 53px;">-->
          <!--<img class="pull-left img-circle" ng-src="{{userPortrait}}"-->
          <!--style="width: 40px;height: 40px">-->
          <!--<span style="position: absolute;top: 10px;left: 5px">{{settingusertext}}</span>-->
          <!--</div>-->

          <!--<div class="add-join-per-p pull-left" style="width: 40px;height: 40px;-->
          <!--margin-left: 55px;margin-top: 0px">-->
          <!--<i class="fa fa-fw fa-plus"></i>-->
          <!--</div>-->
          <!--</div>-->
          <div style="margin-top: 5px;zoom: 1;border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC;">
            <span class="d-calendar-participant" >参与人</span>
            <div class='join-per pull-left' style="height:60px;margin-right:42px;">
              <div class='join-per-p-my' style='background-color: rgb(66,183,159);color:#fff;position:relative;'><!--background-color: rgb(66,183,159);color:#fff;-->
                <!--<img src="img/lawyer-close-calendar.png" class='Add-close-cy'-->
                <!--style='position: relative;margin-left: 48px;'-->
                <!--ng-click="CaseLawyerDel(x.id)"/>-->
                <img src="{{userPortraitSave}}" ng-src="{{userPortraitSave}}" ng-if="userPortraitSave!=null"/>
                <span style='margin-top: 5px;' ng-if="userPortraitSave==null">{{userPortraitName}}</span>

              </div>
            </div>

            <div class='join-per pull-left' ng-repeat="userCy in cyList" style="height:60px;margin-left:0;">
              <div class='join-per-p' style='background-color: rgb(66,183,159);color:#fff;position:
                            relative;'>
                <!--<img src="img/lawyer-close-calendar.png" class='Add-close-cy'-->
                <!--style='position: relative;margin-left: 48px;'-->
                <!--ng-click="CaseLawyerDel(x.id)"/>-->
                <img style="width: 15px;height: 15px;position: absolute;top: -2px;right: -2px;" src="../../img/lawyer-close.png" ng-click="delCanyu(userCy.userId)">
                <img src="{{userCy.userIcon}}" ng-src="{{userCy.userIcon}}"/>
                <span style='margin-top: 5px;' >{{userCy.userName}}</span>
              </div>
            </div>

            <div style="position: relative;">
              <div class="join-per pull-left LawyerAdd" style="height:60px;">
                <div class="join-per-p"><img src="img/DAddition.svg" alt=""></div><!--<i class="fa fa-fw fa-plus"></i>-->

                <div class="LawyerAddBody3 hide d-position-box" style="min-height: 60px">
                  <i class="arrowicon"></i>
                  <span class="Add-close" style="margin:0;top:17px;right:10px;"></span>
                  <!--<h5>添加参与人员</h5>
                  <ul class="LawyerList clearfix">
                    <li class="active"><a>直接添加</a></li>
                    &lt;!&ndash;<li class=""><a>邀请参与</a></li>&ndash;&gt;
                  </ul>-->
                  <div class="LawyerDiv">
                    <!--直接添加-->
                    <div class="Lawyerbox ">
                      <input maxlength="50"  ng-model="cellphone" id="addCanyuInput"
                             class="form-controll" placeholder="请输入邮箱、手机号添加联系人" ng-keyup="addCanyuInputEnter($evnet)"  style="width:90%;height:30px"/>
                      <ul style="" class="LawyerboxUl d-scroll">
                        <li style="background:#fff;border-bottom: 0;">
                          <div class="d-Lawyerbox-hint" ng-repeat="caseUser in CaseLawyerTianSelect.data" ng-click="CanYuTianButton($index,caseUser)">
                            <span class="LawyerboxUlS d-Lawyerbox-hint-text" style="text-align: left;" ng-bind-html="caseUser.username|highlight:Search"></span>
                            <span class="LawyerboxUlS d-Lawyerbox-hint-text" style="float:right;margin-right:10px;" ng-bind-html="caseUser.cellPhone||caseUser.email|highlight:Search"></span>

                           <!-- <button class="LawyerboxUlbutton">
                              添加
                            </button>-->
                          </div>
                        </li>
                      </ul>
                      <span id="error-add-text" style="display: none">未搜索到结果</span>
                    </div>
                    <!--邀请参与-->
                    <div class="Lawyerbox hide">
                      <input maxlength="50"  class="form-control" placeholder="请输入人员姓名"/>
                      <div class="eplAddDivBtn">
                        <button>保存</button>
                        <a>取消</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div style="clear: both;"></div>
          </div>
          <div class="d-calendar-textarea">
            <textarea  class="d-calendar-textareaContent" id="input_text2" placeholder="此处可添加备注信息" aria-describedby="basic-addon1" maxlength="70" ></textarea>
          </div>
          <div style="clear: both;"></div>
        </div>
        <div class="modal-footer" style="width:451px;text-align:right;margin: 15px auto 0;padding:20px 0 20px 0">
          <button type="button" class="d-btnc d-btnconfirm" id="button_text1" >
            确定
          </button>
          <button type="button" class="d-btnc d-btndefault" data-dismiss="modal" style="margin-left:15px;">取消</button>
        </div>
      </div>
    </div>
  </div>
</div>
<!--右-->
<!--<div class="L_ScheduleRight" style="width: 19%; height: 100%; padding-bottom: 20px;">-->
  <!--<h2>成员</h2>-->
  <!--<div class="L_memberList">-->
    <!--<div class="L_member">-->
      <!--<input type="checkbox">-->
      <!--<img src="../../img/L_momentTX.png" alt="">-->
      <!--<span class="L_memberN">我</span>-->
      <!--<span class="L_memberName">1我自己</span>-->
    <!--</div>-->
  <!--</div>-->
  <!--<div class="L_memberList">-->
    <!--<div class="L_member">-->
      <!--<input type="checkbox">-->
      <!--<img src="../../img/L_momentTX.png" alt="">-->
      <!--<span class="L_memberN">我</span>-->
      <!--<span class="L_memberName">2我自己</span>-->
    <!--</div>-->
  <!--</div>-->
<!--</div>-->


<!--查看详情弹出框-->
<div id="calendar-details" class="modal fade">
  <div class="modal-dialog">
    <div class="d-modal-content modal-content" style="height:640px;">
      <div class="d-modal-body modal-body">
        <div class="d-modal-header modal-header">
          <h4 class="d-modal-title modal-title">
            编辑日程
          </h4>
          <span type="button" class="close" data-dismiss="modal" aria-hidden="true" >
            <!--&times;-->
            <img src="img/d_close.svg" alt="" class="img-responsive">
          </span>
        </div>
        <div class="calender-detail-head">
          <div id="calendar-task" style="overflow: hidden;">
            <p class="d-title-p">标题</p>
            <input id="calendar-task-title" class="form-control" maxlength="10" ng-attr-autofocus="true"  />
          </div>
          <!--<div style="float: right;margin-top: 5px;margin-right: 10px">
          <span id="my-count-edit">0</span><span> /70</span>
        </div>-->
          <div class="d-time-calendar">
            <!--<span>时间：</span>-->
            <!--<input maxlength="20" id="calendarDateVal" type="text" readonly class="form-control calendar-date-style"/>-->
            <!--<input maxlength="20" id="calendarTimeVal" type="text" readonly class="form-control calendar-date-style"/>-->

            <form class="form-inline" style="position: relative;">
              <span class="d-title-p">开始日期</span>
              <!--<input id="calendar-details-timeval" type="text" readonly class="form-control calendar-date-style">-->

              <input maxlength="20" id="calendarDateVal" type="text" style="width:144px;height:36px;margin:0;background:#fff;color:#B2B2B2!important;"  readonly class="form_datetime form-control calendar-date-style" style="margin-top: 10px"/>
              <select  id="calendarTimeVal"   readonly class="form_datetime form-control calendar-date-style" ng-model="calendarDateTimeModal" ng-options="hour.key as hour.value for hour in TimeHourXl" style="width:144px;height:36px; margin:0 0 0 10px;background:#fff;border: 1px solid #d9d9d9">
              </select>
              <img src="img/d_small_narrow.svg" class="d-triangle d-triangle-left"> <img src="img/d_small_narrow.svg" class="d-triangle d-triangle-right">
            </form>
          </div>
          <div class="calendar-details-time d-time-calendar" style="margin:15px 0 0 0;">
            <form class="form-inline">
              <span class="d-title-p">提醒</span>
              <select class="scheduleSelect" type="text"  id="remindTime" ng-model="remindTime" name="caseOrigin" ng-options="x.id as x.name for x in remindList">
                <option value="" class="" selected="selected">---请选择---</option>
              </select>
            </form>
          </div>
          <div class="d-time-calendar" style="margin:10px 0 0 0;">
            <span class="d-title-p">颜色</span>
            <p id="dCalendarColorLump2" style="float:left;height:38px;padding:5px 0;box-sizing: border-box; overflow: hidden;">
              <span id="edit-task-red" class="d-calendar-colorlump" style="background:#D0021B"><img src="" alt=""></span>
              <span id="edit-task-purple" class="d-calendar-colorlump" style="background:#F5A623"><img src="" alt=""></span>
              <span id="edit-task-blue" class="d-calendar-colorlump" style="background:#7ED321"><img src="" alt=""></span>
              <span id="edit-task-green" class="d-calendar-colorlump" style="background:#4A90E2"><img src="" alt=""></span>
            </p>
          </div>
          <div style="margin-top: 5px;zoom: 1;border-top: 1px solid #ECECEC;border-bottom: 1px solid #ECECEC;">
            <span class="d-calendar-participant" >参与人</span>

            <div class='join-per pull-left ' ng-repeat="x in lawerList">
              <div class='join-per-p' style='background-color: rgb(66,183,159);color:#fff;position:
                            relative;'>
                <!--<img src="img/lawyer-close-calendar.png" class='Add-close-cy'-->
                <!--style='position: relative;margin-left: 48px;'-->
                <!--ng-click="CaseLawyerDel(x.id)"/>-->
                <img style="width:15px;height:15px;position: absolute;top: -2px;right: -2px;" src="../../img/lawyer-close.png" ng-click="CaseLawyerDel(x.id)" ng-if="$index==1">

                <img src="{{x.iconUrl}}" ng-src="{{x.iconUrl}}" ng-if="x.iconUrl!=null"/>

                <span style='margin-top: 5px;' ng-if="x.icon==null">{{x.username}}</span>
              </div>
            </div>

            <div id="LawyerBox" style="position: relative;">
              <div class="join-per pull-left LawyerAdd" style="position: relative;height:50px;">
                <div class="join-per-p" id="Zhixinxiezhu"><img src="img/DAddition.svg" alt=""></div>
                <div class="LawyerAddBody3 hide  d-position-box" style="min-height: 60px">
                  <i class="arrowicon"></i>
                  <span class="Add-close" style="margin:0;top:17px;right:10px;"></span>
                  <!--<h5>添加参与人员</h5>
                  <ul class="LawyerList clearfix">
                    <li class="active"><a>直接添加</a></li>
                    &lt;!&ndash;<li class=""><a>邀请参与</a></li>&ndash;&gt;
                  </ul>-->
                  <div class="LawyerDiv">
                    <!--直接添加-->
                    <div class="Lawyerbox ">
                      <input maxlength="50" ng-model="cellphone" id="addXieZhuInput" class="form-control"
                             placeholder="请输入邮箱、手机号添加联系人" ng-keyup="addXieZhuInputEnter()" style="width:90%;float:left;height:30px;font-size: 12px;"/>
                      <ul style="overflow-y:auto;clear: both;" class="LawyerboxUl d-scroll">
                        <li style="background:#fff;border-bottom: 0;">
                          <div class="d-Lawyerbox-hint" ng-repeat="caseuser in CaseLawyerTianSelect.data" ng-click="CaseLawyerTianButton(caseuser.username,caseuser.id,$index)">
                            <span class="LawyerboxUlS d-Lawyerbox-hint-text" style="text-align: left;"ng-bind-html="caseuser.username|highlight:Search"></span>
                            <span class="LawyerboxUlS d-Lawyerbox-hint-text" style="float:right;margin-right:10px;" ng-bind-html="caseuser.cellPhone||caseUser.email|highlight:Search"></span>

                          </div>
                        </li>
                      </ul>
                      <span id="error-text" style="display: none">未搜索到结果</span>
                    </div>
                    <!--邀请参与-->
                    <div class="Lawyerbox hide">
                      <input maxlength="50" class="form-control" placeholder="请输入人员姓名"/>
                      <div class="eplAddDivBtn">
                        <button>保存</button>
                        <a>取消</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div style="clear: both;"></div>
          </div>
          <div class="d-calendar-textarea">
            <textarea  class="d-calendar-textareaContent" id="calendar-task-title2" placeholder="此处可添加备注信息" aria-describedby="basic-addon1" maxlength="70" ></textarea>
          </div>
          <div class="d-calendar-deleteTask" ng-click="deleteTask()">
            删除日程
          </div>
        </div>
        <div style="clear: both;"></div>
      </div>
      <div class="modal-footer" style="margin-top: 20px">
        <!--<button id="calendarDetailEdit" ng-click="turnDetails()" type="button" class="btn btn-info">查看详情</button>-->
        <button ng-click="updateTask()" type="button" class="d-btnc d-btnconfirm calendar-btn-color">确认</button>
        <button type="button" class="d-btnc d-btndefault" data-dismiss="modal" style="margin-left:15px;">取消</button>
        <!--<button  type="button" class="btn btn-sm btn-danger">删除日程</button>-->
      </div>
    </div>
  </div>
</div>

<!-- PAGE CONTENT ENDS -->
<!--[if !IE]> -->
<!--<script src="components/jquery/dist/jquery.js"></script>-->
<!--<script src="assets/js/src/ace.js"></script>-->
<!--<script type="text/javascript">-->
<!--if ('ontouchstart' in document.documentElement) document.write("<script src='components/_mod/jquery.mobile.custom/jquery.mobile.custom.js'>" + "<" + "/script>");-->
<!--</script>-->
<!--<script src="components/bootstrap/dist/js/bootstrap.js"></script>-->
<!--<script src="framework/js/bootstrap.min.js"></script>-->

<!-- page specific plugin scripts -->
<!--<script src="components/_mod/jquery-ui.custom/jquery-ui.custom.js"></script>-->
<!--<script src="components/jqueryui-touch-punch/jquery.ui.touch-punch.js"></script>-->
<!--<script src="components/moment/moment.js"></script>-->
<!--<script src="bower_components/moment/min/moment.min.js"></script>
<script src="bower_components/fullcalendar/dist/fullcalendar.js"></script>-->
<!--<script src="components/fullcalendar/dist/fullcalendar.js"></script>-->
<!--<script src="components/bootbox.js/bootbox.js"></script>-->
<!--<script src="framework/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>-->
<!--<script src="framework/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>-->

<!-- the following scripts are used in demo only for onpage help and you don't need them -->
<!--<link rel="stylesheet" href="docs/assets/js/themes/sunburst.css"/>-->
<!--个人设置需要引用的js和日历无关-->

<script>
  $(window).ready(function () {
    /*======直接选择和添加切换=====*/
    $(".eplAddDivliUl li").on("click", function () {
      var i = $(this).index();
      $(this).addClass("active").siblings().removeClass("active");
      $(this).parent(".eplAddDivliUl").siblings(".eplAddDivDiv").find(".eplAddDivliIn").addClass("hide");
      $(this).parent(".eplAddDivliUl").siblings(".eplAddDivDiv").find(".eplAddDivliIn").eq(i).removeClass("hide");
    });

    /*=====添加律师成员=======*/
    $(".LawyerList li").on("click", function () {
      var i = $(this).index();
      $(this).addClass("active").siblings().removeClass("active");
      $(this).parent().siblings(".LawyerDiv").find(".Lawyerbox").addClass("hide");
      $(this).parent().siblings(".LawyerDiv").find(".Lawyerbox").eq(i).removeClass("hide");
    });
    $(".join-per-p").on("click", function () {
      $(".LawyerAddBody3").removeClass("hide");
    });
    $(".add-join-per-p").on("click", function () {
      $(".LawyerAddBody4").removeClass("hide");
    });
    $(".LawyerAddBody3 .Add-close").on("click", function () {
      $(".LawyerAddBody3").addClass("hide");
    });
    $(".LawyerAddBody4 .Add-close").on("click", function () {
      $(".LawyerAddBody4").addClass("hide");
    });
  })
</script>




